<title>益农云</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="{:C('WEB_SITE_KEYWORD')}">
<meta name="Description" content="{:C('WEB_SITE_DESCRIPTION')}">
<link rel="stylesheet" href="__CSS__/style.css?1">
<link rel="stylesheet" href="__CSS__/aos.css?1">

<!--导航 开始-->
<script src="__JS__/jquery.js" type="text/javascript"></script>
<script src="__JS__/main.js" type="text/javascript"></script>
<!--banner 开始-->
<script type="text/javascript" src="__JS__/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__JS__/script.js?v6546"></script>
<!--新闻开始-->
<style type ="text/css" >
    *{margin:0;padding:0;list-style-type:none;}
    a,img{border:0;}
    body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

    .d1{width:580px;height:360px;overflow:hidden;position:relative;float: left;}
    .d1 ul{display:none;}
    .loading{width:580px;color:#FFCC00;font-size:12px;height:330px;text-align:center;padding-top:30px;font-weight:bold;}
    .d2{width:100%;height:360px;overflow:hidden;}
    .num_list{position:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:40px;overflow:hidden;}
    .num_list span{display:inline-block;height:16px;padding-left:6px;}
    .button{position:absolute;z-index:1000;right:0px;bottom:2px;font-size:13px;font-weight:bold;}
    .button a{background-color:#666666;display:block;line-height:14px;float:left;padding:11px 14px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}
    .button .b2{color:#FFCC33;background-color:#FF6633;}
</style>

<script type="text/javascript">
    //主函数
    var s=function(){
        var interv=2000; //切换间隔时间
        var interv2=10; //切换速度
        var opac1=80; //文字背景的透明度
        var source="show" //焦点轮换图片容器的id名称
        //获取对象
        function getTag(tag,obj){
            if(obj==null){
                return document.getElementsByTagName(tag);
            }else{
                return obj.getElementsByTagName(tag);
            }
        }
        function getid(id){
            return document.getElementById(id);
        };
        var opac=0,j=0,t=63,num,scton=0,timer,timer2,timer3;
        var id=getid(source);
        id.removeChild(getTag("div",id)[0]);
        var li=getTag("li",id);
        var div=document.createElement("div");
        var title=document.createElement("div");
        var span=document.createElement("span");
        var button=document.createElement("div");
        button.className="button";
        for(var i=0;i<li.length;i++){
            var a=document.createElement("a");
            a.innerHTML=i+1;
            a.onclick=function(){
                clearTimeout(timer);
                clearTimeout(timer2);
                clearTimeout(timer3);
                j=parseInt(this.innerHTML)-1;
                scton=0;
                t=63;
                opac=0;
                fadeon();
            };
            a.className="b1";
            a.onmouseover=function(){
                this.className="b2";
            };
            a.onmouseout=function(){
                this.className="b1";sc(j);
            };
            button.appendChild(a);
        }
        //控制图层透明度
        function alpha(obj,n){
            if(document.all){
                obj.style.filter="alpha(opacity="+n+")";
            }else{
                obj.style.opacity=(n/100);
            }
        }
        //控制焦点按钮
        function sc(n){
            for(var i=0;i<li.length;i++){
                button.childNodes[i].className="b1";
            };
            button.childNodes[n].className="b2";
        }
        title.className="num_list";
        title.appendChild(span);
        alpha(title,opac1);
        id.className="d1";
        div.className="d2";
        id.appendChild(div);
        id.appendChild(title);
        id.appendChild(button);
        //渐显
        var fadeon=function(){
            opac+=5;
            div.innerHTML=li[j].innerHTML;
            span.innerHTML=getTag("img",li[j])[0].alt;
            alpha(div,opac);
            if(scton==0){
                sc(j);
                num=-2;
                scrolltxt();
                scton=1;
            };
            if(opac<100){
                timer=setTimeout(fadeon,interv2);
            }else{
                timer2=setTimeout(fadeout,interv);
            }
        };
        //渐隐
        var fadeout=function(){
            opac-=5;
            div.innerHTML=li[j].innerHTML;
            alpha(div,opac);
            if(scton==0){
                num=2;
                scrolltxt();
                scton=1;
            }
            if(opac>0){
                timer=setTimeout(fadeout,interv2);
            }else{
                if(j<li.length-1){
                    j++;
                }else{
                    j=0;
                }
                fadeon();
            }
        };
        //滚动文字
        var scrolltxt=function(){
            t+=num;
            span.style.marginTop=t+"px";
            if(num<0 && t>3){
                timer3=setTimeout(scrolltxt,interv2);
            }else if(num>0 && t<62){
                timer3=setTimeout(scrolltxt,interv2);
            }else{
                scton=0
            }
        };
        fadeon();
    }
    //初始化
    window.onload=s;
</script>
<!--服务项目 开始-->
<script type="text/javascript">
    $(document).ready(function() {
        var blw=$("#myscrollbox li").width();
        //获取单个子元素所需宽度
        var liArr = $("#myscrollbox ul").children("li");
        //获取子元素数量
        var mysw = $("#myscroll").width();
        //获取子元素所在区域宽度
        var mus = parseInt(mysw/blw);
        //计算出需要显示的子元素的数量
        var length = liArr.length-mus;
        //计算子元素可移动次数（被隐藏的子元素数量）
        var i=0
        $("#right").click(function(){
            i++
            //点击i加1
            if(i<length){
                $("#myscrollbox").css("left",-(blw*i));
                //子元素集合向左移动，距离为子元素的宽度乘以i。
            }else{
                i=length;
                $("#myscrollbox").css("left",-(blw*length));
                //超出可移动范围后点击不再移动。最后几个隐藏的元素显示时i数值固定位已经移走的子元素数量。
            }
        });
        $("#left").click(function(){
            i--
            //点击i减1
            if(i>=0){
                $("#myscrollbox").css("left",-(blw*i));
                //子元素集合向右移动，距离为子元素的宽度乘以i。
            }else{
                i=0;
                $("#myscrollbox").css("left",0);
                //超出可移动范围后点击不再移动。最前几个子元素被显示时i为0。
            }
        });
    });
</script>


